<template>
      <div class="breadcrumbs" v-if="this.$route.path != '/'">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item v-for="(item,index) in this.$store.state.breadcrumbs" :key="index" :to="{ path: item.url }">{{item.name}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
</template>

<script>
    export default {
        computed:{  
            breadcrumbs(){
                return this.$store.state.breadcrumbs
            }
        },
        props:{
            routerName:{
                type:Array,
                default:function(){
                    return []
                }
            }
        }
    }
</script>

<style scoped>
.breadcrumbs{
  width: 1140px;
  margin: 0 auto;
  padding: 10px 51px 0;
}
</style>
